@charset "utf-8";

body{margin:0; padding:0px; font-size:12px;    font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;line-height:24px;     }

.clearfix:before,

.clearfix:after {

	content: " ";

	display: table;

}



.clearfix:after {

	clear: both;

}



a {text-decoration:none;

  color: # 333;

  -webkit-transition: color 300ms, background-color 600ms;

  -moz-transition: color 300ms, background-color 600ms;

  -ms-transition: color 300ms, background-color 600ms;

  -o-transition:  color 300ms, background-color 600ms;

  transition:  color 300ms, background-color 600ms;

}



a:hover, a:focus {

  color: #d43133;

   

}

div,ul,li,h2,h3,h4,dl,dd,dt,tr,td,p{margin:0; padding:0;}

ul,li{list-style:none;}

img{ border:0;}

.clear {clear:both;height:0;font-size: 1px;line-height: 0px;} 

h1{ font-size:40px; font-weight:bold; display:block; padding:5px;}







#top{ width:100%; height:32px; line-height:32px; border-bottom:#CCCCCC 1px solid;}

.top1{ width:95%; margin:0 auto; color:#5b5b5b;}

.top1 .left{ width:181px; float:left;}

.top1 .c{ width:350px; float:left; font-size:18px;     padding: 28px 0 0px 5px;    font-weight: bold;    color: rgb(59,90,198); }

.top1 .right{width:701px; float:right;}


.page{float:left;margin-top:20px;text-align:center;width:100%;}
.page a{border:1px solid #2d66da;padding:4px 6px;font-size:12px; color:#000;}
.page .thispage{padding:4px 6px;background:#2d66da;font-size:12px;color:#fff;}

#menu-index li{ position:relative;}
#menu-index li .intro{ display:none; background-color:#fff; right:0; z-index:999999; width:400px; height:300px; position:absolute;}




.newspagechange .pagechangel, .newspagechange .pagechanger{ width:1120px; margin:0 auto; border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px;}
.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000;}


.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left;}
.propagechange .pagechangeleft{ float:right; margin-right:10px;}
.propagechange .pagechangeright{ float:left; margin-left:10px;}
.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px;}
.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000;}






#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: 10px solid #fff;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}


#c{padding:10px 0; background:#f5f5f5;}

#c .c{ width:1120px; margin:0 auto;}

#c .c .contact{ width:213px; margin:20px auto; text-align:center;}

#c .c .contact h2{ font-size:36px; font-weight:bold; color:#2d66da;}

#c .c .contact span{ font-size:14px; font-weight:bold; color:#666666; margin-top:5px; display:block;}

#c .c .indexpro dl{ width:888px; float:right;}

#c .c .proul ul{ margin:0;}
#c .c .proul{ float:left; background:#f2f2f2; border:1px solid #e0e0e0; border-bottom:none;}
#c .c .proul li{ line-height:46px; width:200px;padding: 0 0 0 50px; border-bottom:1px solid #e0e0e0; background:url(../images/listyle.png) no-repeat center left 30px; }
#c .c .proul li a{ display:block;}
#c .c .proul li:hover{ background:#2d66da;}
#c .c .proul li:hover a{ color:#fff; text-decoration:none;}
#c .c .proul li.fir{ text-align:center; font-weight:bold; font-size:22px; color:#fff; background:#2d66da; line-height:60px; border-bottom:none; padding:0;}
#c .c .proul li.con{ background:#fff; border-bottom:none; line-height:normal; padding:15px; border-bottom:1px solid #e0e0e0; background:#f2f2f2;}
#c .c .proul li.con p{ margin:0;}

#news-c{padding:10px 0; background:#f5f5f5;}

#news-c .c{ width:100%; margin:0 auto;}

#news-c .c .contact{ width:213px; margin:20px auto; text-align:center;}

#news-c .c .contact h2{ font-size:36px; font-weight:bold; color:#2d66da;}

#news-c .c .contact span{ font-size:14px; font-weight:bold; color:#666666; margin-top:5px; display:block;}





#c3{padding:10px 0; background: #FFFFFF;border-top:#e8e8e8 1px solid;}

#c3 .c{ width:1120px; margin:50px auto;}

#c3 .c .contact{ width:213px; margin:20px auto; text-align:center;}

#c3 .c .contact h2{ font-size:36px; font-weight:bold; color:#2d66da;}

#c3 .c .contact span{ font-size:14px; font-weight:bold; color:#666666; margin-top:5px; display:block;}



.c2-left{ width:284px; float:left; text-align:center; color:#535353;}

.c2-left h2{ font-size:22px; color:#666666; border-bottom:#666666 5px solid; width:33%; font-weight:bold; margin:0 auto; padding:5px 0;}

.c2-c{ width:284px; float:left; margin-left:140px;text-align:center; color:#535353;}

.c2-c h2{ font-size:22px; color:#666666; border-bottom:#666666 5px solid; width:33%; font-weight:bold; margin:0 auto; padding:5px 0;}

.c2-right h2{ font-size:22px; color:#666666; border-bottom:#666666 5px solid; width:33%; font-weight:bold; margin:0 auto; padding:5px 0;}

.c2-right{ width:284px; float:right;text-align:center; color:#535353;}



#c5{  background:url(../images/bj.jpg) top center no-repeat; text-align:left; }

#c5 .c{ width:1120px; margin:0px auto; padding:20px 0 40px 0;}

#c5 .c .cabout{ width:540px; margin-right:20px; float:left;}

#c5 .c .cabout *{ color:#fff;}

#c5 .c .cnews{ float:right; width:540px; margin-left:20px;}

#c5 .c .cnews li{ display:block; line-height:30px;}

#c5 .c .cnews li span{ float:right;}

#c5 .c .cnews li a{ color:#eee; display:block; border-bottom:#97a0be 1px dotted; padding:5px 0;}

#c5 .c .cnews .contact{ }

#c5 .c .contact{ margin:20px auto;}

#c5 .c .contact h2{ font-size:28px; font-weight:bold; color:#fff;}

#c5 .c .contact span{ font-size:14px; font-weight:bold; color:#fff; margin-top:5px; display:block;}

#c5 img{ border:0px #FFFFFF solid;}

#c5 h2{ font-size:15px; color:#FFFFFF; width:100%; border-bottom:0; margin:5px 0; font-family:"Microsoft YaHei"}

#c5 h2 a{ color:#fff;}

#c5 p{ text-align:left; color:#999999; font-size:12px;}



#c6{padding:10px 0; background: #FFFFFF;border-top:#e8e8e8 1px solid;}

#c6 .c{ width:1120px; margin:0 auto;}

#c6 .c .contact{ width:213px; margin:20px auto; text-align:center;}

#c6 .c .contact h2{ font-size:36px; font-weight:bold; color:#2d66da;}

#c6 .c .contact span{ font-size:14px; font-weight:bold; color:#666666; margin-top:5px; display:block;}

#c6 .c1{ border:#CCCCCC 1px solid; padding:10px;}



.c8{ width:1100px; margin:0 auto;}

.c8 .left{ width:228px; float:left;}

.c8 .right{ width:850px; float:right; padding:5px; text-align:left;}

.c8 .right h2{ font-size:18px; font-weight:bold;}

.c9{ padding:20px 30px;}

.c10{ width:1100px; margin:0 auto; }

.c10 a{ color:#333;}

.c10:hover{ color:#000;}

.c10 h2 { font-size:16px; font-weight:bold; border: #000 1px solid; width:15%; padding:5px; text-align:center;}

#foot{ padding:10px 0; text-align:center; }





dl { width:100%;    }

dl dd {list-style: none;  }

dl dd {  display:block; width:212px;   float:left; margin-right:10px;  margin-bottom:10px;}

dl dd a {display:block; color: #363636;padding:5px;}

dl dd a:hover { display:block;}





#left{ width:95%; }

#left ul {list-style: none;  }

#left ul li {height:25px;line-height:25px; color: #eaeaea; border-bottom:#7a86a8 1px solid;  }

#left ul li a {display:block;height:25px; line-height:25px;font-size:12px;   color: #eaeaea; padding-left:10px;}

#left ul li a:hover {  height:25px; line-height:25px; color: #fff;background-color:#343361;}





.banner{height:500px;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:none;}

.banner .Left,.banner .Right{display:none;}

.bann_ext{position:relative;}

.frontCover{position:absolute;bottom:20px;left:48%;}

.frontCover li{float:left;width:15px;padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}

.frontCover li p{ margin:0;}

.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}

.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}

.frontCover .open{background:#e60013;}

/*幻灯片(组件)*/

.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}

.ban_nav .on{background:#f90;color:#fff;}







.newstext

{

	margin:20px 0;

	padding:20px;
	border:#CCC 1px solid; 
	border-width:1px 1px;
	background:#FFF;

	}

.newstext h2{

	text-align:center;

}

.newstext table h3{

	text-align:left;

	font-size:22px;

}

.newstext .info

{

	width:100%;

	height:40px;

	margin-top:10px;

	padding-top:10px;

	border-top:1px solid #e1e1e1;

	border-bottom:1px solid #e1e1e1;

	text-align:center;

	margin-bottom:10px;

}



.detail {

    border: 1px solid #ddd;

    padding: 10px;

    height: 50px;

    line-height: 25px;

    border-top: 2px solid #0060ad;

    font-size: 16px;

}

.detail a{ color:#000;}

#products li{ display:block; float:left; margin:0 32px;}

#products .c{ width:auto;}

#products .c h2{ font-size:14px; margin:10px 0;}

#products .c h2 u{ text-decoration:none; color:#000;}







#news .newstext{ width:800px; float: left; background:#FFF; margin-top:10px;}



.nnews{
	width: 1120px;
	margin: 0 auto;
}

.relanews{
	margin: 10px 0;
	padding: 20px;
	float: right;
	width: 300px;
	background: #fff;
	border: 1px solid #ccc;
}
.relanews h4{
	margin: 0;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
.relanews div a{
	color: #000;
	padding: 2% 3%;
	background: #ececec;
	display: block;
	float: left;
	margin: 2% 2% 0 0;
	width: 49%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.relanews div a:nth-child(2n){
	margin: 2% 0 0 0;
}

/*相关样式*/

#showbox { background:#f5f5f5;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #f60;}



.showpage { width:400px; position:relative;}

.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}

.showpage a:hover { background:#ccc; color:#777;}



#news1 { width:100%;    }

#news1 ul {list-style: none;  }

#news1 ul li {  display:block; width:338px;   float:left; margin-right:17px; border:#bbbbbb 1px solid;     }

#news1 ul li a {display:block; color: #FFFFFF;padding:5px;}

#news1 ul li a:hover { display:block;  color: #FFF;   background-color: #d45e5c;}



#news { margin:10px 0; border-top:#CCC 1px solid; }

#news ul {list-style: none;  }

#news ul li {width:100%; color: #333;  border-bottom:#ccc dotted 1px; margin-bottom:10px;  }

#news ul li a {display:block; font-size:12px;   color: #333; padding:10px 0;   }

#news ul li a:hover { display:block; color: #000; background: #e3e3e3;}

.news-products{  width: 222px;  



            height: 148px;  



            border: #fff solid 10px;  



            margin: 0px auto;  



            overflow: hidden;  



			}  



.news-products img{  



                cursor: pointer;  



                transition: all 0.6s;  



            }  



.news-products img:hover{  



                transform: scale(1.4);  



            }  



.searchbg{ height:70px; border: 1px solid #ccc; background: #fff;}
.searchbg .searchform{ width: 1120px; margin:0px auto; line-height: 70px;}
.searchbg .searchform .left{ float: left;}	
.searchbg .searchform .left li{ display:block; float: left; margin-right: 20px;}
.searchbg .searchform .right{ float: right; line-height: 20px; margin: 22px 0 0 0;}	
.searchbg .searchform .right input[type="text"]{float: left;width: 200px;height: 30px;border-radius: 4px; border: 1px solid #aaa; outline: none; border-right:none; border-bottom-right-radius: 0; border-top-right-radius: 0; padding: 2px 5px;}			
.searchbg .searchform .right input[type="submit"]{float: left; height: 30px;border-radius: 4px; width:35px; outline: none; background: #fff; border: 1px solid #aaa;border-bottom-left-radius: 0; border-top-left-radius: 0; background-repeat: no-repeat; background-position: center;}		





#menu-index { width:701px;  }

#menu-index ul {list-style: none; margin:0;  }

#menu-index ul li {height:98px;line-height:98px;   float:left; background:url(../images/hengxian.jpg) left 50% no-repeat; display:block; color: #6e6e6e;  }

#menu-index ul li a {display: block;height:98px; line-height:98px;font-size:14px; text-align:center; font-weight:bold; color: #6e6e6e;padding:0 10px; }

#menu-index ul li a:hover { display:block; height:98px; line-height:98px; font-weight:bold; color: #FFFFFF; background: #2d66da;   }



#menu-index ul li a#current { font-weight:bold; color:#000;height:30px; line-height:30px; }

#menu-index ul li ul {  display:none; position:absolute; }

#menu-index ul li ul li { float:none;width:84px;background:#332e65;margin:0; height:30px; line-height:30px;border-bottom:#565186 1px solid;}

#menu-index ul li ul li a { background:none; font-size:12px; font-weight:normal;height:30px; line-height:30px; color:#FFFFFF;  }

#menu-index ul li ul li a:hover {background:#332e65;font-size:12px; color: #c0bde2;height:30px; line-height:30px; filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;  }

#menu-index ul li:hover ul { display:block;}

#menu-index ul li.sfhover ul { display:block;height:30px; line-height:30px;}





#menu-foot { width:323px;  overflow:hidden; }

#menu-foot ul {list-style: none;  }

#menu-foot ul li {   float:left; border:1px  #a0a0a0 solid; display:block; color: #a0a0a0; margin-right:5px; margin-bottom:5px;  }

#menu-foot ul li a {display: block;padding:5px; font-size:12px; text-align:center;  color: #a0a0a0; }

#menu-foot ul li a:hover { display:block; font-weight:bold; color: #FFFFFF; background: #9a0000;   }







#pro-1 { width:100%;   }

#pro-1 ul {list-style: none;  }

#pro-1 ul li {  display:block; width:210px;   float:left; background:#dfdfdf;  border:#d5d2d2 1px solid; margin-right:7px; margin-top:10px; padding:5px;   }

#pro-1 ul li a {display:block; color: #363636;padding:5px;}

#pro-1 ul li a:hover { display:block;  color: #FFF;   background-color: #00a0e8; }

#pro-1 h2{ font-size:16px; font-weight:bold; color:#d45e5c;}





#product { width:455px; margin:0 auto 30px auto;   }

#product ul {list-style: none;  }

#product ul li {  display:block;    float:left; background:#dfdfdf;  border:#d5d2d2 1px solid;  margin: 0 10px 0 15px;    }

#product ul li a {display:block; color: #363636;padding:5px 15px; }

#product ul li a:hover { display:block;  color: #FFF;   background-color: #000; }







#product2 { width:100%; margin:0 auto 30px auto;   }

#product2 ul {list-style: none;  }

#product2 ul li {  display:block;    float:left; background:#dfdfdf;  border:#d5d2d2 1px solid;  margin:10px 10px 0 15px;    }

#product2 ul li a {display:block; color: #363636;padding:5px 15px; }

#product2 ul li a:hover { display:block;  color: #FFF;   background-color: #000; }



.f1{ font-size:12px;  color: #333;  text-align:center;  display:block; color:#CCCCCC; }

.f1 a { font-size:12px;  color: #333;}

.f1:hover{ color: #FFF; font-size:12px;  display:block; background: #333;}









.f2{ font-size:16px; font-weight:bold; color:#d45e5c;    }

.f2 a{ color:#d45e5c; font-size:16px;font-weight:bold; }

.f2 a:hover{ color: #d45e5c; font-size:16px;font-weight:bold; }





.more{ font-size:14px;  color: #333333;  display:block; width:120px;  text-align:center; margin:10px auto; border:#666 1px solid;  }

.more a{ color: #333333; font-size:14px; width:120px;display:block;padding:5px; }

.more a:hover{ color: #fff; font-size:14px; background: #000000; display:block; text-decoration:none; }



.more1{ font-size:14px;  color: #333333;  display:block; width:120px;  text-align:center;  border:#666 1px solid;  }

.more1 a{ color: #333333; font-size:14px; width:120px;display:block;padding:5px; }

.more1 a:hover{ color: #fff; font-size:14px; background: #000000; display:block; text-decoration:none; }





.f2-1{ color: #d7d7d7; font-size:15px; font-weight:bold;   }

.f2-1 a{ color:#d7d7d7; font-size:15px;font-weight:bold; }

.f2-1 a:hover{ color: #ffffff; font-size:15px;font-weight:bold; }





.f2-2{ font-size:15px; font-weight:bold; padding:5px; text-align:center; width:180px; margin:5px auto; border:#CCCCCC 1px solid; background:#000000;  }


.f16 {
    font-size: 16px;
    color: #0d58f2;
    font-weight: bold;
}




.tu{ width:214px; height:349px;}

.tu .word{ line-height:54px;  background:#e3e3e3;filter:alpha(opacity:90); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9; color:#2e2e2e; font-size:14px; font-weight:bold;}

.tu .top{ height:295px;}

.col-md-4{ width:214px;}



	.box{

		text-align: center;

		overflow: hidden;

		position: relative;

		width:214px;

	}

	.box:before{

		content: "";

		width: 0;

		height: 100%;

		background: #000;

		padding: 14px 18px;

		position: absolute;

		top: 0;

		left: 50%;

		opacity: 0;

		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;

	}

	.box:hover:before{

		width: 100%;

		left: 0;

		opacity: 0.5;

	}

	.box img{

		width: 100%;

		height: auto;

	}

	.box .box-content{

		width: 100%;

		padding: 14px 18px;

		color: #fff;

		position: absolute;

		top: 18%;

		left: 0;

	}

	.box .title{

		font-size: 25px;

		font-weight: 600;

		line-height: 30px;

		text-transform: uppercase;

		margin: 0;

		opacity: 0;

		transition: all 0.5s ease 0s;

	}

	.box .post{

		font-size: 15px;

		text-transform: capitalize;

		opacity: 0;

		transition: all 0.5s ease 0s;

	}

	.box:hover .title,

	.box:hover .post{

		opacity: 1;

		transition-delay: 0.7s;

	}

	.box .icon{

		padding: 0;

		margin: 0;

		list-style: none;

		margin-top: 15px;

	}

	.box .icon li{

		display: inline-block;

	}

	.box .icon li a{

		display: block;

		width: 40px;

		height: 40px;

		line-height: 40px;

		border-radius: 50%;

		background: #f74e55;

		font-size: 20px;

		font-weight: 700;

		color: #fff;

		margin-right: 5px;

		opacity: 0;

		transform: translateY(50px);

		transition: all 0.5s ease 0s;

	}

	.box:hover .icon li a{

		opacity: 1;

		transform: translateY(0px);

		transition-delay: 0.5s;

	}

	.box:hover .icon li:last-child a{

		transition-delay: 0.8s;

	}

	@media only screen and (max-width:990px){

		.box{ margin-bottom: 30px; }

	}